<template>



  <div class="layout">
    <Layout>
        <Header>
          <Row >
          <Col span="8" class=""><router-link to="/"><img class="logo-image" src="/jianpan.png"> </router-link></Col>
          <Col span="12"> <Daohang></Daohang> </Col>
          <Col span="4"> <Login></Login></Col>
          </Row>
          </Header>
        <Content class="content_flow"> <nuxt /></Content>
        <Footer class="layout-footer-center">Footer</Footer>
    </Layout>
</div>
</template>
<script>
import Daohang from "~/components/gongce/Daohang.vue"
import Login from "~/components/login.vue"
export default {
  components :{
      Daohang,
      Login,
    

  }
}
</script>

<style scope>
@import "~/assets/base.css";

.ivu-layout{

    background: #fff;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.content_flow{
  margin-top: 60px;
}
.nav_wrap{
  width:1180px;
  margin: 0 auto;
}
.ivu-layout-header{
 background: #fff;
 position: fixed; 
 top: 0px; 
 width: 100%;
 height: 60px;
 line-height:60px;
 z-index: 1000;
box-shadow: 0 1px 10px 0 rgba(0,0,0,0.08);
}


.layout-logo{
    width: 450px;
    height: 30px;
    background-image:"/jianpan.png";
    border-radius: 3px;
    float: left;
    position: relative;
    top: 15px;
    left: 20px;
}

.layout-footer-center{
    text-align: center;
}
</style>
